<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript" src="jquery-1.8.3.js"></script>
		
		<style type="text/css">
			/*.yangshi{
				line-height: 20px;
				font-family: "微软雅黑";
			}
			p{
				line-height: 50px;
				font-family: "宋体";	
			}
			
			span{
				color: red;
			}
			
			.yangshi2{
				background-color: greenyellow;
			}
			ul{
				display: none;
				font-size: 20px;
			}*/
			
			#div2{
				width: 300px;
				border: solid 1px blue;
			}
			#div2>ul{
				display: none;
			}
			
		</style>
	</head>
	<body>
		<!--<h2>你是人间四月天</h2>
		<p>
			笑响亮了四面风<br>
			轻灵在春的光艳中交舞着变<br>
			你是四月早天里的云烟<br>
			黄昏吹着风的软<br>
			...<br>
			<a href="">点击查看全部</a>
		</p>
		
		<img src="pic.gif"/>
		
		<h1>如何使用叮当网购物?</h1>
		<ul>
			<li id="a1">
				<span>方法一:</span>&emsp;注册成为网站会员
			</li>
			<li>
				<span>方法二:</span>&emsp;使用合作企业账号登陆,如新浪微博、QQ、人人网账户
			</li>
		</ul>
		
		<hr />
		
		<h2 id="a2">请为我们的服务作出评价</h2>
		
		<input type="checkbox" value="666" id="a3"/>接受服务条款-->
		
		<div id="div2">
			<h1>新手指南</h1>
			<ul id="ul22">
				<li class="first"><a href="#" style="font-size: 13px;">会员注册</a></li>
				<li><a href="#" style="font-size: 15px;">订阅更新</a></li>
				<li><a href="#" style="font-size: 14px;">用户协议</a></li>
				<li><a href="#" style="font-size: 14px;">常见问题</a></li>
			</ul>
		</div>
	</body>
	<script>
/*		$("h2").click(function(){
			$("p").addClass("yangshi");
			$(this).css("color","blue");
		})
		
		$("img").click(function(){
			$(this).css("border","solid 1px red");
		})
		
		$("h1").click(function(){
			$(this).addClass("yangshi2");
			$("ul").css("display","block");
			$("#a1").next().css("background-color","palevioletred")
			$("#a1").css("background-color","greenyellow")
		})
		
		$("#a2").click(function (){
			alert("非常满意");
		})
		
		$("#a3").click(function(){
			if(document.getElementById("a3").checked){
				alert("选中了");
			}
			
		})*/
		
		$("h1").click(function(){
			$(this).next().css("display","block");
			$("li").click(function(){
				$(this).css("background-color","blue");
				$(this).children("a").css("color","white");
			})
//			$(".first").css("background-color","blue");
		})
	</script>
</html>
